<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Index </title>
    <script src="https://kit.fontawesome.com/332d75abc0.js" crossorigin="anonymous"></script>
</head>
<body>
    <!-- 导航栏 -->
    <div class="nav">
        <div class="logo"><img src="../images/index/logo.png" alt=""></div>
        <ul class="items">
            <li><a href="#"><div class="item active">首页</div></a></li>
            <li>
                <a href="./pages/about.html">
                    <div class="item">
                        走进蓝月亮 
                        <span class="fa fa-angle-up"></span> 
                        <span class="fa fa-angle-down"></span> 
                    </div>
                </a>
                <div class="bg-2nd"></div>
                <ol>
                    <li><a href="./pages/about.html">关于我们</a></li>
                    <li><a href="./pages/about.html">企业文化</a></li>
                    <li><a href="./pages/about.html">企业责任</a></li>
                    <li><a href="./pages/about.html">新闻动态</a></li>
                </ol>
            </li>
            <li><a href="#"><div class="item">洁净之家</div></a></li>
            <li><a href="#"><div class="item">科学洗涤</div></a></li>
            <li><a href="#"><div class="item">加入我们</div></a></li>
            <li>
                <a href="#">
                    <div class="item">
                        投资者关系
                        <span class="fa fa-angle-up"></span> 
                        <span class="fa fa-angle-down"></span> 
                    </div>
                </a>
                <div class="bg-2nd"></div>
                <ol>
                    <li><a href="#"><div>信息公告</div></a></li>
                    <li><a href="#"><div>企业治理</div></a></li>
                    <li><a href="#"><div>投资者联络</div></a></li>
                    <li><a href="#"><div>分析师名单</div></a></li>
                </ol>
            </li>
            <li>
                <a href="#">
                    <div class="item">
                        联系我们
                        <span class="fa fa-angle-up"></span> 
                        <span class="fa fa-angle-down"></span> 
                    </div>
                </a>
                <div class="bg-2nd"></div>
                <ol>
                    <li><a href="#"><div>总部信息</div></a></li>
                    <li><a href="#"><div>供应商注册</div></a></li>
                </ol>
            </li>
        </ul>
        <div class="lan">
            <span class="active" id="chinese">中</span>
            <span class="" id="english">英</span>
        </div>
    </div>
    <div class="nav-board"></div>

    <!-- 轮播图 -->
    <div class="banner">
        <ul>
            <li> <img src="../images/index/small/banner01.jpg" alt=""> </li>
            <li> <img src="../images/index/small/banner02.jpg" alt=""> </li>
            <li> <img src="../images/index/small/banner03.jpg" alt=""> </li>
            <li> <img src="../images/index/small/banner04.jpg" alt=""> </li>
        </ul>
        <div class="go-left"><i class="fa fa-angle-left" aria-hidden="true"></i></div>
        <div class="go-right"><i class="fa fa-angle-right" aria-hidden="true"></i></div>
        <ol>
            <li index = 0 class="active"></li>
            <li index = 1></li>
            <li index = 2></li>
            <li index = 3></li>
        </ol>
    </div>

    <!-- 走进蓝月亮 -->
    <div class="go-bule-moon w">
        <div class="title">走进蓝月亮</div>
        <div class="words">
            <div>蓝月亮品牌创立于1992年，是中国领先的以消费者为核心、以创新为驱动力的家庭清洁解决方案提供商。</div>
            <div>我们的愿景:让每一个家庭生活在蓝月亮的世界里，洁净、健康、舒适、体面、快乐。</div>
            <div>我们的使命:提供卓越产品、极致服务、专业咨询，让消费者洁净无忧。</div>
            <div>我们的价值观:为用户，更卓越。</div>
        </div>
        <div class="pics">
            <a href="./pages/about.html"><div class="pic into1 hover-bigger"><div class="text">关于我们<i class="fa fa-angle-right"></i></div></div></a> 
            <a href="./pages/about.html"><div class="pic into2 hover-bigger"><div class="text">企业文化<i class="fa fa-angle-right"></i></div></div></a> 
            <a href="./pages/about.html"><div class="pic into3 hover-bigger"><div class="text">企业责任<i class="fa fa-angle-right"></i></div></div></a> 
        </div>
    </div>

    <!-- 洁净之家 -->
    <div class=" mainList w">
        <div class="cleanHome">
            <div class="title">
                洁净之家
                <a href="#"><span>更多</span></a> 
            </div>
            <div class="go-left"><i class="fa fa-angle-left" aria-hidden="true"></i></div>
            <div class="go-right"><i class="fa fa-angle-right" aria-hidden="true"></i></div>
            <ul>
                <li>
                    <div class="goods hover-bigger">
                        <div class='pic'>
                            <img src="../images/index/claenHome1.png" alt="">
                        </div>
                        <div class="text">
                            <span>至尊生物科技</span>
                            <span>洗衣液</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="goods hover-bigger">
                        <div class='pic'>
                            <img src="../images/index/cleanHome2.jpg" alt="">
                        </div>
                        <div class="text">
                            <span>至尊生物科技</span>
                            <span>洗衣液</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="goods hover-bigger">
                        <div class='pic'>
                            <img src="../images/index/cleanHome3.jpg" alt="">
                        </div>
                        <div class="text">
                            <span>至尊生物科技</span>
                            <span>洗衣液</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="goods hover-bigger">
                        <div class='pic'>
                            <img src="../images/index/cleanHome4.png" alt="">
                        </div>
                        <div class="text">
                            <span>至尊生物科技</span>
                            <span>洗衣液</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="goods hover-bigger">
                        <div class='pic'>
                            <img src="../images/index/cleanHome3.jpg" alt="">
                        </div>
                        <div class="text">
                            <span>至尊生物科技</span>
                            <span>洗衣液</span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="goods hover-bigger">
                        <div class='pic'>
                            <img src="../images/index/cleanHome4.png" alt="">
                        </div>
                        <div class="text">
                            <span>至尊生物科技</span>
                            <span>洗衣液</span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>


    </div>

    <!-- 新闻动态 -->
    <div class="mainList w">
        <div class="news">
            <div class="title">
                新闻动态
                <a href="./pages/about.html"><span>更多</span></a> 
            </div>
            <div class="go-left"><i class="fa fa-angle-left" aria-hidden="true"></i></div>
            <div class="go-right"><i class="fa fa-angle-right" aria-hidden="true"></i></div>
            <ul>
                <li>
                    <div class="news-item hover-bigger">
                        <div class="date clearfit">
                            <div class="l">8月26日</div>
                            <div class="r">2021</div>
                        </div>
                        <div class="text">
                            蓝月亮获广州市首张产品碳标签评价证书
                        </div>
                        <img src="../images/index/news8_26.gif" alt="">
                    </div>
                </li>
                <li>
                    <div class="news-item hover-bigger">
                        <div class="date clearfit">
                            <div class="l">8月13日</div>
                            <div class="r">2021</div>
                        </div>
                        <div class="text">
                            蓝月亮与中粮包装签署战略合作框架协议
                        </div>
                        <img src="../images/index/news8_13.gif" alt="">
                    </div>
                </li>                
                <li>
                    <div class="news-item hover-bigger">
                        <div class="date clearfit">
                            <div class="l">5月28日</div>
                            <div class="r">2021</div>
                        </div>
                        <div class="text">
                            蓝月亮发布首份ESG报告用产品赋能美好生活
                        </div>
                        <img src="../images/index/news5_28.jpg" alt="">
                    </div>
                </li>                
                <li>
                    <div class="news-item hover-bigger">
                        <div class="date clearfit">
                            <div class="l">4月22日</div>
                            <div class="r">2021</div>
                        </div>
                        <div class="text">
                            2021中国市场商品销售统计结果揭晓:蓝月亮洗衣液连续12年、洗手液连续9...
                        </div>
                        <img src="../images/index/news4_22.jpg" alt="">
                    </div>
                </li>                
                <li>
                    <div class="news-item hover-bigger">
                        <div class="date clearfit">
                            <div class="l">4月20日</div>
                            <div class="r">2021</div>
                        </div>
                        <div class="text">
                            蓝月亮洗衣液、洗手液连续11年品牌力指数双冠军品牌实力再升级
                        </div>
                        <img src="../images/index/news4_20.png" alt="">
                    </div>
                </li>
                <li>
                    <div class="news-item hover-bigger">
                        <div class="date clearfit">
                            <div class="l">2月1日</div>
                            <div class="r">2021</div>
                        </div>
                        <div class="text">
                            蓝月亮再获中国公益节2020年度责任品牌奖
                        </div>
                        <img src="../images/index/news2_1.jpg" alt="">
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 页尾 -->
    <div class="footer">
        <div class="footer-left">
            <div class="logo"><img src="../images/index/logo.png" alt=""></div>
            <div class="QR-code">
                <div><img src="../images/index/蓝月亮科学洗衣公众号.jpg" alt=""></div>
                <div>蓝月亮科学洗衣公众号</div>
            </div>
            <div class="QR-code">
                <div><img src="../images/index/蓝月亮科学洗衣公众号.jpg" alt=""></div>
                <div>月亮小屋APP</div>
            </div>
            <div class="QR-code">
                <div><img src="../images/index/蓝月亮科学洗衣公众号.jpg" alt=""></div>
                <div>蓝月亮官方微博</div>
            </div>
        </div>
        <div class="footer-mid">
            <div class="title">快捷入口</div>
            <ul>
                <li> <a href="#">首页</a> </li>
                <li> 
                    <a href="./pages/about.html">走进蓝月亮</a> 
                    <ol>
                        <li> <a href="./pages/about.html">关于我们</a> </li>
                        <li> <a href="./pages/about.html">企业文化</a> </li>
                        <li> <a href="./pages/about.html">企业责任</a> </li>
                        <li> <a href="./pages/about.html">新闻动态</a> </li>
                    </ol>
                </li>
                <li> <a href="#">洁净之家</a> </li>
                <li> <a href="#">科学洗涤</a> </li>
                <li> <a href="#">加入我们</a> </li>
                <li> 
                    <a href="#">投资者关系</a> 
                    <ol>
                        <li>信息公告</li>
                        <li>信息公告</li>
                        <li>投资者联络</li>
                        <li>分析师名单</li>
                    </ol>
                </li>
                <li> 
                    <a href="#">联系我们</a> 
                    <ol>
                        <li>总部信息</li>
                        <li>供应商注册</li>
                    </ol>
                </li>
            </ul>
        </div>
        <div class="footer-right">
            <div class="title">
                联系我们
            </div>
            <div class="call">
                24小时服务热线:
                <span>400-111-1118</span> 
            </div>
            <div class="call">
                服务邮箱:
                <span>400@bluemoon.com.cn</span> 
            </div>
        </div>
    </div>
</body>
</html>